import React, { Component } from 'react';
import autoBind from 'react-autobind';
import { Link, browserHistory } from 'dva/router';
import { NavBar, Icon, Grid, Flex, Tag, List } from 'antd-mobile';

// style
import styles from './index.css';
import IconfontStyle from '../../../assets/iconfont/iconfont.css';

class ShopNav extends Component {
	constructor(props) {
        super(props)
        autoBind(this)

        this.state = {
        }
    } 

	render() {
		const { goods } = this.props

		// <img className={styles["shop-nav-img"]} src={goods.brandDetail && goods.brandDetail.brandLogo} />
		// <img className={styles["shop-nav-img"]} src={require('../../../assets/shop.png')} />
	 	return (
	 		<div className={`${styles['shop-nav']} shop-nav`}>
	 			<img className={styles["shop-nav-img"]} src={goods.brandDetail && goods.brandDetail.brandLogo} />

	 			<img src={require('../../../assets/icon/arrow-left.png')}  onClick={() => browserHistory.goBack()} style={{color: '#fff', position: 'absolute', left: '0.34rem', top: '0.40rem', width: '0.20rem'}} />
	 		</div>
	  	);
	}
};

ShopNav.propTypes = {
};

export default ShopNav
